/* Navbar styles
-------------------------------------------------- */

.navbar-nav {
	padding-top: 12px;
}

.nav li a {
	color: black;
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1em;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: white;
}

.nav .register-link {
	color: #fff !important;
	background-color: #2fa170;
	border-radius: 6px;
	margin-top: 15px;
}

.nav .login-link {
	color: #fff;
	border: 1px solid #2fa170;
	border-radius: 6px;
	margin-right: 10px;
}

.nav .register-link:hover {
	color: #004F8B;
	background-color: #000;
}

ul {
	display: flex;
	list-style: none;
}

ul li a {
	padding: 20px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	left: 8rem;
	top: 0.5rem;
	position: relative;
}

.navbar-inverse .navbar-nav>li>a {
	margin-top: 15px;
}

.dxtvControl_Material>div>ul {
	position: relative;
	display: inline;
	left: -7rem;
}

@media only screen and (max-width: 1440px) {
	ul li a {
		padding: 15px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 1024px) {
	ul li a {
		padding: 10px;
		font-size: 11px;
		left: -3rem;
	}

	.dxtvControl_Material>div>ul {

		left: -2rem;
	}

	img#logo {
		width: 200px;
	}

	ul li a {
		padding: 10px;
		font-size: 13px;
		left: 2rem;
	}
}

@media only screen and (max-width: 768px) {
	ul li a {
		padding: 10px;
		font-size: 12px;
		left: 0rem;
	}
    .dxtvControl_Material>div>ul {
        left: 0rem;
    }
	ul.navigation-bar {
		display: inline-block;
	}

	.login-btn-loggedout {
		float: left;
		left: 10px;
		position: relative;
		top: 10px;
	}

	#register-btn-white>a {
		background-color: rgb(47, 161, 112);
		color: white;
		top: 1.2rem;
		margin-left: 0px;
		border-radius: 8px;
	}
}

@media (max-width: 767px) {
	.nav .login-link {
		margin-right: 0px;
	}
}